<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }

    #account .basic-info{
        background-color: #fff;
        border-radius: 5px;
    }
    #account .basic-info .content {
        padding: 30px 20px 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        min-height: 130px;
    }
    #account .title{
        padding: 18px 0 18px 20px;
        font-size: 18px;
        color: #363636;
        border-bottom: 1px solid #e5e5e5;
        font-family: PingFangSC-Medium,sans-serif;

    }
    #account .basic-info .content ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #account .basic-info .content ul li{
        margin-bottom: 25px;
    }
    #account .basic-info .content ul li label{
        display: inline-block;
        font-size: 14px;
        color: #4d4d4d;
        width: 120px;
    }

    #account .contact-info{
        margin-top: 18px;
        padding-bottom: 8px;
        background-color: #fff;
        border-radius: 5px;
    }

    #account .contact-info .content{
        min-height: 180px;
    }

    #account .contact-info .title .add-btn{
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .el-button--primary {
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
    }

    .el-button {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #409eff;
        border: 1px solid #dcdfe6;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        transition: .1s;
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 4px;
        font-weight: 500;
        min-width: 96px;
        overflow: visible;
    }

    #account .password-info{
        margin-top: 18px;
        background-color: #fff;
        border-radius: 5px;
    }

    #account .password-info .form-group{
        margin-top: 20px;
        margin-left: 20px;
    }
    #account .password-info .form-group label{
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
        color: #383838;
    }

    #account .password-info .form-group input{
        padding-left: 15px;
        width: 452px;
        height: 36px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        box-sizing: border-box;
        outline: none;
    }
    #account .password-info .save{
        margin: 15px auto 35px 20px;
        width: 96px;
        height: 36px;
        background: #fff;
        border: 1px solid #3ea8f5;
        border-radius: 4px;
        font-size: 14px;
        color: #3ea8f5;
    }

    #toolbar .title-info{
        padding: 18px 0 18px 5px;
        font-size: 18px;
        color: #363636;
        font-family: PingFangSC-Medium,sans-serif;

    }

    .contact-infos{
        margin-top: 18px;
    }

    #toolbar .el-button{
        margin-left: 20px;
    }

    .el-button--primary:focus, .el-button--primary:hover {
        background: #66b1ff;
        border-color: #66b1ff;
        color: #fff;
    }

</style>

<div  id="account">
    <div  class="basic-info">
        <div  class="title">
            基本信息
        </div>
        <div  class="content">
            <ul >
                <li ><label >客户名称</label> <span >{$admin.name}</span>
                </li>
                <li ><label >账号ID</label> <span >{$admin.aid}</span></li>
            </ul>
        </div>
    </div>

    <div class="contact-infos">
        <div class="panel panel-default panel-intro panel-nav">
            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">
                            <div id="toolbar" class="toolbar">
                            <a style="display: none" href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                                <span class="title-info">联系人信息</span>
                                <button class="btn el-button el-button--primary btn-add" >添加联系人</button>
                            </div>
                            <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div  class="password-info">
        <form id="update-form" role="form" data-toggle="validator" method="POST" action="__PUBLIC__./index.php/admin/user/info/update">
            <input type="hidden" class="form-control"  name="row[username]" value="{$admin.name}" />
        <div  class="title">修改密码</div>
        <div  class="form-group" style="margin-top: 30px;">
            <label >旧密码</label>
            <input  type="password" name="row[oldpassword]" data-rule="required"></div>
        <div  class="form-group">
            <label >新密码</label>
            <input type="password" name="row[password]" data-rule="required"></div>
        <div  class="form-group">
            <label >确认新密码</label>
            <input type="password" name="row[cofpassword]" data-rule="required"><p  class="" style="display: none;">两次输入的密码不一致</p></div>
        <button  type="submit" class="el-button save el-button--default"><span>保存</span></button>
        </form>
    </div>

    <!--增加联系人弹窗-->
    <div  class="setting-dialog">
        <div  class="el-dialog__wrapper" style="z-index: 2004; display: none;" size="small">
            <div class="el-dialog" style="margin-top: 15vh;">
                <div class="el-dialog__header"><span class="el-dialog__title">添加联系人</span>
                    <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                </div>
                <div class="el-dialog__body">
                    <div  class="dialog-content">
                        <div  class="form-group">
                            <div  class="form-stack required"><span >*</span> <input type="text" name="name" placeholder="姓名" maxlength="30">
                                <div  class="line"></div>
                                <span >*</span> <input  type="text" name="phone" placeholder="手机号" maxlength="20"></div>
                        </div>
                        <div  class="form-group">
                            <div  class="form-single"><input  type="email" name="email" placeholder="邮箱"></div>
                        </div>
                        <div  class="form-group">
                            <div  class="form-info">
                                <div  class="col"><label >职务</label> <input
                                         type="text" name="duty" placeholder="请输入"></div>
                                <div  class="col"><label >微信</label>
                                    <input  type="text" name="wechat" placeholder="请输入"></div>
                            </div>
                        </div>
                        <div  class="form-group">
                            <div  class="form-single"><input  type="text" name="qq" placeholder="QQ"></div>
                        </div>
                    </div>
                </div>
                <div class="el-dialog__footer">
                    <span  class="dialog-footer">
                        <span class="footer-info">带*为必填项</span>
                    <button type="button" class="el-button el-button--primary"><span>提 交<i class="el-icon-loading" style="display: none;"></i></span></button>
                    </span>
                </div>
            </div>
        </div>
    </div>

</div>

